<template>
	<view class="content">
		<!-- 顶部选项卡 -->
		<scroll-view id="nav-bar" class="nav-bar" scroll-x scroll-with-animation :scroll-left="scrollLeft">
			<view 
				v-for="(item,index) in tabBars" :key="item.id"
				class="nav-item"
				:class="{current: index === tabCurrentIndex}"
				:id="'tab'+index"
				@click="changeTab(index)"
			>{{item.name}}</view>
		</scroll-view>
		<!-- 下拉刷新组件 -->
		<mix-pulldown-refresh ref="mixPulldownRefresh" class="panel-content" :top="90" @refresh="onPulldownReresh" @setEnableScroll="setEnableScroll">
			<!-- 内容部分 -->
			<swiper 
				id="swiper"
				class="swiper-box" 
				:duration="300" 
				:current="tabCurrentIndex" 
				@change="changeTab"
			>
			<swiper-item >
				<scroll-view class="panel-scroll-box" :scroll-y="enableScroll" @scrolltolower="loadMore" >	
						<view v-show="tabCurrentIndex==0" class="news-item">
							<view style="text-align: center;background-color: #3260FC;color: #FFF;font-size: 30rpx;padding: 20rpx;">
								<view><text>截至 2020/1/26 21:16:23 数据统计</text></view>
								<view><text>全部：确诊 2035 例 密切接触 19666 例 疑似 2984 例 治愈94 例 死亡 57 例</text></view>
							</view>
							<view style="margin: 20rpx;background-color: #FFEEC1;padding: 20rpx;" @click="goOutpatient">
								<view><text style="font-size: 30rpx;">全国发热门诊地图</text></view>
								<view><text style="font-size: 22rpx;">已更新全国2024家门诊信息</text></view>
								<view><image src="../../static/arrow-fill-right.png" style="width: 40rpx;height: 40rpx;position: absolute;right: 100rpx;margin-top: -54rpx;"></image></view>
							</view>
							<view class="echartsIn">
								<mpvue-echarts lazyLoad :echarts="echarts" :onInit="mapInit" ref="echarts1" canvasId="map" />
							</view>	
							<view class="content">
								<display-table :label="columns" :keys="keys" :list="tableList" :pad="[30,5,20,10]" ></display-table>
							</view>
							<view style="margin-top: 50rpx;">
								<view style="font-size: 30rpx; font-weight: bold;"><text style="background-color: #007AFF; margin-right: 10rpx; padding: 0 4rpx;"></text>实时播报</view>
								<view class="set_box" v-for="(sitem,sindex) in timeList" :key="sindex">
									<view class="set_time">
										<view>{{sitem.time}}</view>
									</view>
									<!-- 步骤条 -->
									<view class="set-1">
										<view class="set-2">
											<view class="tlak_o">
												<view class="like_">
													<view class="like_o">
														<view class="like_h">
															<text v-if="sindex==0" class="name_">最新</text><text class="time_">{{sitem.title}}</text>
														</view>
														<view class="like_talk">
															<text>{{sitem.content}}</text>
														</view>
														<view class="like_source">
															<text>信息来源：{{sitem.source}}</text>
														</view>
													</view>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
						<mix-load-more :status="tabItem.loadMoreStatus"></mix-load-more>
					</scroll-view>
				</swiper-item>
				<swiper-item v-for="tabItem in tabBars" :key="tabItem.id">
					<scroll-view class="panel-scroll-box" :scroll-y="enableScroll" @scrolltolower="loadMore" >
						<view v-if="tabCurrentIndex==1" class="news-item">
							<view class="set_box" v-for="(sitem,sindex) in dynamicList" :key="sindex">
								<view class="set_time2">
									<view>{{sitem.time}}</view>
								</view>
								<!-- 步骤条 -->
								<view class="set-1">
									<view class="set-2">
										<view class="tlak_o">
											<view class="like_">
												<view class="like_o">
													<view class="like_h">
														<text class="time_">{{sitem.title}}</text>
													</view>
													<view class="like_talk">
														<text>{{sitem.content}}</text>
													</view>
													<view class="like_detail">
														<text>详细进入...</text>
													</view>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
						<view v-else-if="tabCurrentIndex==2" class="news-item">
							<view style="text-indent: 60rpx; font-size: 28rpx; color: #2F7DB7; line-height: 50rpx;">
								<text>冠状病毒是一大类病毒，已知会引起疾病，患者表现从普通感冒到重症肺部感染不不同，例如中东呼吸综合症（MERS）和严重急性呼吸综合症（SARS）。新型冠状病毒（nCoV）是一种先前尚未在人类中发现的新型冠状病毒，如此次武汉的新型冠状病毒2019-nCov。目前正处于冬春季呼吸道传染病高发季节，个人要做好卫生防护，注意保持室内环境卫生和空气流通，尽量减少到空气不流通或人流密集的公众场合活动，如有发热、呼吸道感染症状，请及时到医疗机构就诊。</text>
							</view>
							<view>
								<view class="pro">
									<view class="pro_top">
										<view class="pro_item">
											知识天地
										</view>
									</view>
									<view class="pro_content">
										<view class="ptitle">中国疾控中心给全国父老乡亲们的一封信</view>
										<view class="ptime">2020-01-27</view>
									</view>
									<view class="pro_content">
										<view class="ptitle">中国疾控中心提示：如何处理这些口罩问题？</view>
										<view class="ptime">2020-01-26</view>
									</view>
									<view class="pro_content">	
										<view class="ptitle">中国疾控中心提示：家庭消毒怎么做？</view>
										<view class="ptime">2020-01-26</view>
									</view>
								</view>
								<view class="pro">
									<view class="pro_top">
										<view class="pro_item">
											疫情动态
										</view>
									</view>
									<view>
										<view class="pro_content">
											<view class="ptitle">截至1月26日24时新型冠状病毒感染的肺炎疫情最新情况</view>
											<view class="ptime">2020-01-27</view>
										</view>
										<view class="pro_content">
											<view class="ptitle">截至1月25日24时新型冠状病毒感染的肺炎疫情最新情况</view>
											<view class="ptime">2020-01-26</view>
										</view>
									</view>
								</view>
								<!-- <view class="pro">
									<view class="pro_top">
										<view class="pro_item">
											联防联控
										</view>
									</view>
								</view>
								<view class="pro">
									<view class="pro_top">
										<view class="pro_item">
											技术方案
										</view>
									</view>
								</view>
								<view class="pro">
									<view class="pro_top">
										<view class="pro_item">
											新闻采访
										</view>
									</view>
								</view>
								<view class="pro">
									<view class="pro_top">
										<view class="pro_item">
											文献报道
										</view>
									</view>
								</view>
								<view class="pro">
									<view class="pro_top">
										<view class="pro_item">
											世卫信息
										</view>
									</view>
								</view> -->
							</view>
						</view>
						<mix-load-more :status="tabItem.loadMoreStatus"></mix-load-more>
					</scroll-view>
				</swiper-item>
			</swiper>
		</mix-pulldown-refresh>
		
	</view>
</template>

<script>
	import * as echarts from '@/components/echarts/echarts.min.js';
	import mpvueEcharts from '@/components/echarts/echarts.vue';
	import mixPulldownRefresh from '@/components/mix-pulldown-refresh/mix-pulldown-refresh';
	import mixLoadMore from '@/components/mix-load-more/mix-load-more';
	import displayTable from '@/components/display-table/display-table.vue';
	var chinaJs = require("@/components/echarts/china.js");
	var _self;
	let windowWidth = 0, scrollTimer = false, tabBar;
		
	export default {
		components: {
			mpvueEcharts,
			mixPulldownRefresh,
			mixLoadMore,
			displayTable
		},
		data() {
			return {
				echarts,
				mapData:[],
				tabCurrentIndex: 0, //当前选项卡索引
				scrollLeft: 0, //顶部选项卡左滑距离
				enableScroll: true,
				tabBars: [],
				
				columns:[],
				keys:[],
				tableList: [],
				timeList: [{
						"time": "1-27 15:18",
						"title": "上海2例确诊患者治愈出院",
						"content": "1月26日22时30分，记者从荆州市胸科医院获悉：荆州市首例新型肺炎（重症）患者王某，经专家组科学指导，医护人员精心诊治和护理，病情逐渐好转，体温正常，连续两次检测新型冠状病毒核酸阴性。经专家组评估，符合国家卫生健康委最新的新型肺炎确诊病例解除隔离和出院标准。",
						"source": "央视新闻"
					},
					{
						"time": "1-27 15:00",
						"title": "台湾中央流行疫情指挥中心公布确诊第5例确诊病例",
						"content": "1月26日22时30分，记者从荆州市胸科医院获悉：荆州市首例新型肺炎（重症）患者王某，经专家组科学指导，医护人员精心诊治和护理，病情逐渐好转，体温正常，连续两次检测新型冠状病毒核酸阴性。经专家组评估，符合国家卫生健康委最新的新型肺炎确诊病例解除隔离和出院标准。",
						"source": "台湾卫生福利部"
					}
				],
				dynamicList: [{
						"time": "2020/1/26 23:09:00",
						"title": "王辰院士、高福院士等人联名在柳叶刀杂志发表文章评述新型冠状病毒带来的挑战",
						"content": "2020年1月24日，王辰院士、高福院士等人联名在柳叶刀杂志（The Lancet）在线发表题为「A novel coronavirus outbreak of global health concern」的评论文章，系统总结新型冠状病毒疫情的进展情况，同时指出将来临床和基础科学研究的方向。目前针对新型冠状病毒，还有许多问题亟待回答。我们必须意识到新型冠状病毒（2019-nCoV）给我们带来极",
					},
					{
						"time": "2020/1/26 18:46:00",
						"title": "2019新型冠状病毒的抗病毒治疗选择，并非束手无策",
						"content": "截至2020年1月23日24时，全国29省（区、市）已累计报告新型冠状病毒（2019-nCov）感染肺炎确诊病例830例，其中重症177例，死亡25例，港澳台地区确诊5例，国外确诊9例。此次疫情的暴发恰逢中国农历春节，节日的喜庆氛围并不能够掩盖人们对于疫情扩散的担忧。“可以人传人”，“尚无疫苗和特效药物”让人们觉得，在新型病毒面前，现代医学似乎毫无招架之力？23日，之前被确诊感染新型冠状病毒的",
					}
				],
			}
		},
		onLoad() {
			_self = this;
			// 获取屏幕宽度
			windowWidth = uni.getSystemInfoSync().windowWidth;
			this.loadTabbars();
			chinaJs.registChinaMap(this.echarts);
			this.getEchart();
			this.loadTable();
			
		},
		methods: {
			mapInit: function (canvas, width, height) {
				echarts.setCanvasCreator(() => canvas);
				let mapChart = echarts.init(canvas, null, {
					width: width,
					height: height
				})
				canvas.setChart(mapChart)
				mapChart.setOption(getMapOption(_self.mapData))
				return mapChart		
			},
			getEchart: function() {
				this.mapData = [{name: '北京',value:134, confirm:134,contact:425,suspect:3,cure:2,death:1 },
								{name: '湖北',value:1245, confirm:1245,contact:2,suspect:'',cure:4,death:'' },
								{name: '河南',value:123, confirm:123,contact:5,suspect:'',cure:'',death:'' },
								{name: '广西',value:13, confirm:13,contact:45,suspect:'',cure:1,death:'' },
							   ];
				this.$refs.echarts1.init();
				return;
				uni.request({
					url: 'http://117.107.134.93:8091/nm-framework-web-search/' + 'mobile_achievements_statistics_region.do',
					data: {
						
					},
					header: {
						"content-type": "application/x-www-form-urlencoded; charset=UTF-8"
					},
					method: "POST",
					success: (r) => {
						// console.log(r);
						if (r.statusCode == '200') {
							this.mapData = r.data.data;
							this.$refs.echarts1.init();
						} else {
							uni.showToast({
								title: r.errMsg
							});
						}
					}
				});
			},
			loadTable: function() {
				this.columns = ['地区','确诊','密切接触','疑似','治愈','死亡'];
				this.keys = ['name','confirm','contact','suspect','cure','death'];
				this.tableList = [{
						name: '湖北',
						confirm: '1423',
						contact: '9103',
						suspect: '',
						cure: '44',
						death: '76',
					},
					{
						name: '河南',
						confirm: '128',
						contact: '945',
						suspect: '',
						cure: '',
						death: '1',
					},
					{
						name: '广东',
						confirm: '111',
						contact: '562',
						suspect: '',
						cure: '2',
						death: '',
					},
					{
						name: '浙江',
						confirm: '104',
						contact: '2227',
						suspect: '',
						cure: '1',
						death: '',
					}
				];
			},
			//获取分类
			loadTabbars(){
				this.tabBars = [{
						id: '1',
						name: '疫情汇总',
						newsList: [],
						loadMoreStatus: 0,
						refreshing: 0,
						page: 1,
						pageSize: 10
					},{
						id: '2',
						name: '实时动态',
						newsList: [],
						loadMoreStatus: 0,
						refreshing: 0,
						page: 1,
						pageSize: 10
					},{
						id: '3',
						name: '健康防护',
						newsList: [],
						loadMoreStatus: 0,
						refreshing: 0,
						page: 1,
						pageSize: 10
					}];
				this.loadNewsList('add');
			},
			loadNewsList(t) {
				let tabItem = this.tabBars[this.tabCurrentIndex];
				//type add 加载更多 refresh下拉刷新
				if(t === 'add'){
					if(tabItem.loadMoreStatus === 2){
						return;
					}
					tabItem.loadMoreStatus = 1;
				}
				// #ifdef APP-PLUS
				else if(t === 'refresh'){
					tabItem.refreshing = true;
				}
				// #endif
				if(t === 'refresh'){
					tabItem.newsList = []; //刷新前清空数组
					tabItem.page = 1;
				}
				uni.request({
					url: this.serverUrl + 'jianxue/app-api/getCollect',
					header: {
						"content-type": "application/x-www-form-urlencoded; charset=UTF-8"
					},
					data: {
							memberId: this.id,
							pageNumber: tabItem.page,
							pageSize: tabItem.pageSize,
						},
					method: "POST",
					success: (r) => {
						// console.log(r);
						if(r.data.code=='000000') {
							var pageSum = Math.ceil(r.data.data.count/tabItem.pageSize);
							if(pageSum==0){
								tabItem.loadMoreStatus = 3;
							}else{
								if (tabItem.page>pageSum) {
									tabItem.loadMoreStatus = 2;
								}else{
									for (var i = 0; i < r.data.data.data.length; i++) {
										tabItem.newsList = tabItem.newsList.concat(tempObj);
									}
									tabItem.page++;
									tabItem.loadMoreStatus = 0;
								}
							}
						} else {
							uni.showToast({
								title: r.data.message
							});
						}
					},
					complete: r => {
						//下拉刷新 关闭刷新动画
						if(t === 'refresh'){
							this.$refs.mixPulldownRefresh && this.$refs.mixPulldownRefresh.endPulldownRefresh();
							// #ifdef APP-PLUS
							tabItem.refreshing = false;
							// #endif
							if(tabItem.loadMoreStatus!=3){
								tabItem.loadMoreStatus = 0;
							}
						}
					}
				})
			},			
			navToDetails(item){
				let data = {
					id: item.id,
					title: item.title,
					author: item.author,
					time: item.time
				}
				let url = item.videoSrc ? 'videoDetails' : 'details'; 

				uni.navigateTo({
					url: `/pages/details/${url}?data=${JSON.stringify(data)}`
				})
			},
			goOutpatient(){
				uni.navigateTo({
					url: '../outpatient/outpatient'
				})
			},
			//下拉刷新
			onPulldownReresh(){
				this.loadNewsList('refresh');
			},
			//上滑加载
			loadMore(){
				this.loadNewsList('add');
			},
			//设置scroll-view是否允许滚动，在小程序里下拉刷新时避免列表可以滑动
			setEnableScroll(enable){
				if(this.enableScroll !== enable){
					this.enableScroll = enable;
				}
			},

			//tab切换
			async changeTab(e){
				if(scrollTimer){
					//多次切换只执行最后一次
					clearTimeout(scrollTimer);
					scrollTimer = false;
				}
				let index = e;
				//e=number为点击切换，e=object为swiper滑动切换
				if(typeof e === 'object'){
					index = e.detail.current
				}
				if(typeof tabBar !== 'object'){
					tabBar = await this.getElSize("nav-bar")
				}
				//计算宽度相关
				let tabBarScrollLeft = tabBar.scrollLeft;
				let width = 0; 
				let nowWidth = 0;
				//获取可滑动总宽度
				for (let i = 0; i <= index; i++) {
					let result = await this.getElSize('tab' + i);
					width += result.width;
					if(i === index){
						nowWidth = result.width;
					}
				}
				if(typeof e === 'number'){
					//点击切换时先切换再滚动tabbar，避免同时切换视觉错位
					this.tabCurrentIndex = index; 
				}
				//延迟300ms,等待swiper动画结束再修改tabbar
				scrollTimer = setTimeout(()=>{
					if (width - nowWidth/2 > windowWidth / 2) {
						//如果当前项越过中心点，将其放在屏幕中心
						this.scrollLeft = width - nowWidth/2 - windowWidth / 2;
					}else{
						this.scrollLeft = 0;
					}
					if(typeof e === 'object'){
						this.tabCurrentIndex = index; 
					}
					this.tabCurrentIndex = index; 
					
					
					//第一次切换tab，动画结束后需要加载数据
					let tabItem = this.tabBars[this.tabCurrentIndex];
					if(this.tabCurrentIndex !== 0 && tabItem.loaded !== true){
						this.loadNewsList('add');
						tabItem.loaded = true;
					}
				}, 300)
				
			},
			//获得元素的size
			getElSize(id) { 
				return new Promise((res, rej) => {
					let el = uni.createSelectorQuery().select('#' + id);
					el.fields({
						size: true,
						scrollOffset: true,
						rect: true
					}, (data) => {
						res(data);
					}).exec();
				});
			},
		}
	}
	
function getMapOption(data) {
	    return {
			animation: false,
	        backgroundColor: '#F8F8F8',
			title: {
				text: '',
				subtext: '',
				left: 'center'
			},
			tooltip : {
				trigger: 'item' ,	
				position: [20, 20],
				enterable: true,
				formatter: function(params) {
					var name = params.name;
					var value = isNaN(params.value)?'0':params.value;
					// return name+':'+value;
					
					var val =  name+'\n';
					if(params.data!=null){
						val += '确诊：'+params.data.confirm+'\n'
							+'密切接触：'+params.data.contact+'\n'
							+'疑似：'+params.data.suspect+'\n'
							+'治愈：'+params.data.cure+'\n'
							+'死亡：'+params.data.death;
					}else{
						val += '暂无数据';
					}
					return val;
				},
			},
			visualMap: {
				min: 0,
				max: 2500,
				left: 'left',
				top: 'bottom',
				calculable: true,
				show: false
			},
			series: [
				{
					name: '数据',
					type: 'map',
					mapType: 'china',
					roam: false,
					label: {
	                normal: {
	                    show: true,  //省份名称
	                    textStyle: { color: '#ffffff' },
						formatter: function(params) {
							return isNaN(params.value)?'':params.value;
						},
	                },
	                emphasis: { show: false }
					},
					data:data
				}
			]
	    }
	}	
</script>

<style lang='scss'>
	
	page, .content{
		background-color: #f8f8f8;
		height: 100%;
		overflow: hidden;
	}

	/* 顶部tabbar */
	.nav-bar{
		position: relative;
		z-index: 10;
		height: 90upx;
		white-space: nowrap;
		box-shadow: 0 2upx 8upx rgba(0,0,0,.06);
		background-color: #fff;
		.nav-item{
			display: inline-block;
			width: 248upx;
			height: 90upx;
			text-align: center;
			line-height: 90upx;
			font-size: 30upx;
			color: #303133;
			position: relative;
			&:after{
				content: '';
				width: 0;
				height: 0;
				border-bottom: 4upx solid #007aff;
				position: absolute;
				left: 50%;
				bottom: 0;
				transform: translateX(-50%);
				transition: .3s;
			}
		}
		.current{
			color: #007aff;
			&:after{
				width: 50%;
			}
		}
	}

	.swiper-box{
		height: 100%;
	}

	.panel-scroll-box{
		height: 100%;
		
		.panel-item{
			background: #fff;
			padding: 30px 0;
			border-bottom: 2px solid #000;
		}
	}
	
	.img{
		width: 100%;
		height: 100%;
	}
	.news-item{
		position:relative;
	}
	.news-item{
		width: 750upx;
		padding: 24upx 30upx;
		border-bottom-width: 1px;
		border-color: #eee;
		background-color: #fff;
	}
	
	
.echartsIn{width:100%; height: 500upx;margin: 10rpx 0;}	

/* 时间轴-start */
.set_box {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
}

/* 左侧时间 */
.set_time {
	width: 10%;
	position: relative;

	view {
		width: 120%;
		position: absolute;
		margin-top: 60upx;
		right: -40rpx;
		color: #999999;
	}

}
.set_time2 {
	width: 15%;
	position: relative;
	view {
		width: 150%;
		position: absolute;
		margin-top: 60upx;
		right: -40rpx;
		color: #999999;
	}

}

/* 右侧内容 */

.set-1 {
	width: 90%;
}

.set-2 {
	min-height: 300upx;
	border-radius: 10upx;
	width: 84%;
	margin-left: 100upx;
	margin-top: 60upx;
	padding-right: 10rpx;
	position: relative;

	.tlak_o {
		width: 100%;
		min-height: 300upx;

		.like_ {
			width: 100%;
			min-height: 100rpx;

			.like_o {
				width: 100%;
				height: 100%;

				.like_h {
					.name_ {
						margin-right: 20rpx;
						font-size: 28rpx;
						color: #FFF;
						background-color: red;
					}

					.time_ {
						font-size: 28rpx;
						color: #000000;
						font-weight: bold;
						
					}
				}

				.like_talk {
					width: 95%;
					min-height: 100rpx;

					text {
						font-size: 24rpx;
						color: #999999;
					}
				}
				.like_source {
					color: #999999;
					float: right;
				}
				.like_detail {
					color: #1E90FF;
					text-decoration: underline;
				}
			}
		}
	}
}

.set-2::after {
	content: '';
	/* 必须存在如果没有图标就留空 */
	top: -20upx;
	/* 定位 距离*/
	border-left: #c6c6c6 1px solid;
	/* 横线颜色 */
	left: -44upx;
	/* 定位 距离*/
	height: 120%;
	/* 高度 */
	position: absolute;
	/* 定位 */
}

.set-2::before {
	z-index: 99;
	content: "\e64d";
	/* 必须存在如果没有图标就留空 */
	color: #1E90FF;
	/* 设置颜色 */
	position: absolute;
	/* 定位 */
	left: -70upx;
	top: -20upx;
	/* 移动到左边 */
	font-weight: bold;
	/* 图标样式在复制的图标文件中复制相对应的图标样式必须存在 */
	font-family: "iconfont" !important;
	/* 图标样式在复制的图标文件中复制相对应的图标样式必须存在 */
	font-size: 54upx;
	/* 图标大小 */
	font-style: normal;
	/* 图标样式在复制的图标文件中复制相对应的图标样式必须存在 */
	-webkit-font-smoothing: antialiased;
	/* 图标样式在复制的图标文件中复制相对应的图标样式必须存在 */
	-moz-osx-font-smoothing: grayscale;
	/* 图标样式在复制的图标文件中复制相对应的图标样式必须存在 */
}

@font-face {
	font-family: "iconfont";
	src: url('//at.alicdn.com/t/font_1337773_f06f5a7las.eot?t=1565581133395');
	/* IE9 */
	src: url('//at.alicdn.com/t/font_1337773_f06f5a7las.eot?t=1565581133395#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOIAAsAAAAAB8QAAAM7AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqCRIIjATYCJAMUCwwABCAFhG0HZhvNBsiemjwJqJERRCC3tX4YOM4iqNbCnr29uw8wKGBUsUAKqDyCjY5HcEzCALron1wr8wDk8hKBFpIc5yaXfWZJoIBIQkF1KlvVqWuFfZ3c/CBw0p8fcMJJsQY6uIuEMk8188LgXgfHTJceiXlrm0tGajTgaMCz2T6yyf5BXh+Ef9BdxMSIS9cTaKmvYGbzFhRXA1sZ2C0QO7cRAdhadnmkNTSEqufYLM4qNdKx9AJn+M/Hb2OiQVIWwL6rNufIIP1bj29voaZspAiK/byITqLAaEAmdvX6d7KQ+dEstCw2tjQL0FJDkvZald8e//3y+WglCIaW0E/e5R8vERWvuTWY5RYy3/ywXBtKXBEF395EBN++FCQ8V5CWsmEt4CBgHMz1Ad8rde7s2LbD7oUhT3l+eWHbhxwOB+LFrfkVL7I3FIAWdpdWvfHiYt8FltYWdzy1Pz/WfPhQ/elT7efPvUJiVlRsIj8+18X3az7+5Wb48vVrbnvo7OndVe1cPc55k2ebWG7OmMgYX01bT3vJnNlJWtemes0mn3vI/PJl80NQQqVErfcH/Ys5Fy3evrVoyyZNDLSq/cp5EyYsKTbb69bD/+5fmPs/cFwxG9ABoCNdTY+AKrwdi2npHk0Xu4vMH/Q7Wl+4+Yftkv83kMHXTiVutOlsnh68ZYPZit+hmDmRSxVwlDnvxvI8WOq3gz4VCy3xE8Id/d7H2GV2M6Ghi4ak1gcKDYORGTsaSq2Mg0rDTGhplLyTW+mEsRC5BUYadyC0dwpJWw+h0N53ZMb+glJX/6DSPgpoaUN4nLOVobGtZdYuJHAkQ7EbqiVqwMjF7UVrJSKKTmCmitNrETOpUzAiNLxZykMGxPY4wNRBIjnHEDOqh7nOzZBOR6GRUQ2SeKiKc2NiWBju+6JQieqBvbkYRMAhMkjUDVKTUAaYzufsW99fCSEUOgI20rMQr4UwJurloQihwmcg8/SGWT3v8hKTDkQkjsMgjKH0oFzHi+hgnoKM/VtpIBIulGpF1ihRmDcLz9WHnm/Uv0BZNAD40zJSFJGjjEq77dsEg1ahKoF2qbupYvP0KNS2e69WbmucSNZAOpEa5XpUagAAAA==') format('woff2'),
		url('//at.alicdn.com/t/font_1337773_f06f5a7las.woff?t=1565581133395') format('woff'),
		url('//at.alicdn.com/t/font_1337773_f06f5a7las.ttf?t=1565581133395') format('truetype'),
		/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
		url('//at.alicdn.com/t/font_1337773_f06f5a7las.svg?t=1565581133395#iconfont') format('svg');
	/* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-yuandian:before {
	content: "\e64d";
}

.icon-dingweiweizhi:before {
	content: "\e619";
}
/* 时间轴-end */

.pro{
	margin-top: 20rpx;
}
.pro_item{
	width: 150rpx;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	background-color: #1E90FF;
	color: #FFF;
}
.pro_top{
	border-bottom: 1px solid #1E90FF;
}
.pro_content{
	padding: 20rpx;
	border-bottom: 1px solid #E1E1E1;
}
.ptitle{
	font-size: 28rpx;
	line-height: 40rpx;
	color: #000;
}
.ptime{
	font-size: 24rpx;
	line-height: 40rpx;
	color: #333;
}
</style>
